<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加物料信息</title>
		<link rel="stylesheet" href="../../css/calender.css">
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/form.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/technologyFselect.css" />
		<style>
			html {
				font: 500 16px 'roboto';
				color: #333;
				background-color: #fafafa;
			}
			a {
				text-decoration: none;
			}
			ul, ol, li {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#demo {
				width: 380px;				
			}
			p {
				margin: 0;
			}
			#dt {
				margin: 30px auto;
				height: 28px;
				width: 200px;
				padding: 0 6px;
				border: 1px solid #ccc;
				outline: none;
			}		
			select{
				width: 60px;
			}	
			#ca{
				border:1px solid rgb(222, 235, 252)
			}
		</style>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local"><span>位置：设备管理 > 设备OEE分析 > 配置计划生产时间</span></p>
	            
			    	<div class="article_list" style="width: 98.5%; margin: 0px auto;">
			            <!------- 内容 ------->
			            <div class="content content1">
			                <!-- 用户列表内容区 -->
			                <div class="con con_01">
			                    <!-- 表单信息填写区 -->
			                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>配置计划生产时间</span><span class="necessary"></span></h4>
			                    <div class="write_area" style="display: flex;">			                       
			                           <div id="demo">
										    <div id="ca"></div>
										</div>
										
										<div style="margin-left: 460px;border:1px solid rgb(222, 235, 252);padding: 5px 5px;">
											<div style="margin-top: 5px;font-weight: bold;">
												工作时间配置:											
											</div>
											<div style="margin-top: 20px;">
												<label>年:</label>
											<select><option>2020</option><option>2021</option><option>2022</option><option>2023</option></select>
											<label>月:</label>
											<select><option>1月</option><option>2月</option><option>3月</option><option>4月</option>
												<option>5月</option>
												<option>6月</option>
												<option>7月</option>
												<option>8月</option>
												<option>9月</option>
												<option>10月</option>
												<option>11月</option>
												<option>12月</option>
											</select>	
											<label>日:</label>
											<select id="days" multiple='multiple'>
												<option>1</option>
												<option>2</option>												
												<option>3</option>
												<option>4</option>		
												<option>5</option>		
												<option>6</option>		
												<option>7</option>		
												<option>8</option>		
												<option>9</option>
												<option>10</option>												
												<option>11</option>
												<option>12</option>		
												<option>13</option>		
												<option>14</option>		
												<option>15</option>		
												<option>16</option>	
												<option>17</option>
												<option>18</option>												
												<option>19</option>
												<option>20</option>		
												<option>21</option>		
												<option>22</option>		
												<option>23</option>		
												<option>24</option>		
												<option>25</option>
												<option>26</option>												
												<option>27</option>
												<option>28</option>		
												<option>29</option>		
												<option>30</option>		
												<option>31</option>														
											</select>
											
												
											</div>
											<div style="margin-top: 20px;">
												<label>是否包含周末:</label>
												<input style="width: 16px;" type="radio" name="weekend">是
												<input style="width: 16px;" type="radio" name="weekend">否												
											</div>
											<div style="margin-top: 20px;">
												<label>工作时时长(h):</label>
												<input  />
											</div>
											<div style="margin-top: 50px;margin-left: 85px;">												
												<a onclick="configDate();" class="bgd_blue_two img_hand contentText">配置</a>
												<a href="oeeAnalysis.html" class="bgd_white_two img_hand"> 返回 </a>
											</div>
											
										</div>
			                    </div>
			                </div>
			            </div>
			        </div>
				</div>
			</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/3rd/calendar.js"></script>
	<script src="../../js/baseData/technologyFselect.js" type="text/javascript"></script>
	<script src="../../js/frame/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/common/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('#ca').calendar({
        width: 800,
        height: 550,
        data: [ {date: '2020/03/2', value: '8h'} ],
        onSelected: function (view, date, data) {
            console.log('view:' + view)
            console.log('data:' + (data || 'None'));
        }
    });
    
    function configDate(){
    	alert("配置成功");
    }
    
    $("#days").fSelect();
	</script>
</html>
